
<!doctype html>
<html>
<head>
	<title>CLGT - Google Admin Theme</title>
	<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="./css/bootstrap.css" />
	<link rel="stylesheet" type="text/css" href="./css/bootstrap-responsive.css" />
	<link rel="stylesheet" type="text/css" href="./css/style.css" />
	<script type="text/javascript" src="./js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="./js/bootstrap.min.js"></script>
	<script type="text/javascript" src="./js/main.js"></script>
	<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
	<div class="navbar navbar-fixed-top m-header">
		<div class="navbar-inner m-inner">
			<div class="container-fluid">
				<a class="brand m-brand" href="./index.html">Gin</a>
				
	            <form class="form-search m-search span5">
					<input type="text" placeholder="Type to search" class="span5 search-query">
				</form>

				<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		        </button>
		        
				<div class="nav-collapse collapse">

					<div class="btn-group pull-right">
				        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
			          		<i class="icon-user"></i> Thanh Dang
			          		<span class="caret"></span>
				        </a>
				        <ul class="dropdown-menu">
			          		<li><a href="#"><i class="icon-user"></i>Profile</a></li>
			          		<li><a href="#"><i class="icon-cog"></i>Settings</a></li>
	 		 				<li class="divider"></li>
			          		<li><a href="login.html"><i class="icon-off"></i>Logout</a></li>
				        </ul>
			      	</div>
	          	</div>
			</div>
		</div>
	</div>
	<div class="m-top"></div>
	<aside class="sidebar">
		<ul class="nav nav-tabs nav-stacked">
			<li>
				<a href="index.html">
					<div>
						<div class="ico">
							<img src="./img/ico/ico-home.png">
						</div>
						<div class="title">
							Home
						</div>
					</div>

					<div class="arrow">
						<div class="bubble-arrow-border"></div>
						<div class="bubble-arrow"></div>
					</div>
				</a>
			</li>

			<li class="">
				<a href="notification.html">
					<span class="badge badge-important m-badge-notification">6</span>
					<div>
						<div class="ico">
							<img src="./img/ico/ico-notification.gif">
						</div>
						<div class="title">
							Notification
						</div>
					</div>

					<div class="arrow">
						<div class="bubble-arrow-border"></div>
						<div class="bubble-arrow"></div>
					</div>
				</a>
			</li>

			<li class="active">
				<a href="form.html">
					<div>
						<div class="ico">
							<img src="./img/ico/ico-setting.gif">
						</div>
						<div class="title">
							Setting
						</div>
					</div>
					<div class="arrow">
						<div class="bubble-arrow-border"></div>
						<div class="bubble-arrow"></div>
					</div>
				</a>
			</li>

			<li class="">
				<a href="order.html">
					<div>
						<div class="ico">
							<img src="./img/ico/ico-order.gif">
						</div>
						<div class="title">
							Order
						</div>
					</div>
					<div class="arrow">
						<div class="bubble-arrow-border"></div>
						<div class="bubble-arrow"></div>
					</div>
				</a>
			</li>

			<li class="">
				<a href="media.html">
					<div>
						<div class="ico">
							<img src="./img/ico/ico-media.gif">
						</div>
						<div class="title">
							Media
						</div>
					</div>
					<div class="arrow">
						<div class="bubble-arrow-border"></div>
						<div class="bubble-arrow"></div>
					</div>
				</a>
			</li>

			<li class="">
				<a href="help.html">
					<div>
						<div class="ico">
							<img src="./img/ico/ico-help.gif">
						</div>
						<div class="title">
							Help
						</div>
					</div>
					<div class="arrow">
						<div class="bubble-arrow-border"></div>
						<div class="bubble-arrow"></div>
					</div>
				</a>
			</li>

			<li class="">
				<a href="#more">
					<div>
						<div class="ico">
							<img src="./img/ico/ico-user.gif">
						</div>
						<div class="title">
							User
						</div>
					</div>
					<div class="arrow">
						<div class="bubble-arrow-border"></div>
						<div class="bubble-arrow"></div>
					</div>
				</a>
			</li>

			<li class="">
				<a href="#more">
					<div>
						<div class="ico">
							<img src="./img/ico/ico-report.gif">
						</div>
						<div class="title">
							Report
						</div>
					</div>
					<div class="arrow">
						<div class="bubble-arrow-border"></div>
						<div class="bubble-arrow"></div>
					</div>
				</a>
			</li>

			<li class="">
				<a href="#" id="btn-more">
					<div>
						<div class="ico">
							<img src="./img/ico/ico-more.png">
						</div>
						<div class="title">
							More
						</div>
					</div>
				</a>

			</li>
	    </ul>
	</aside>
	<div class="m-sidebar-collapsed">
		<ul class="nav nav-pills">
			
		</ul>

		<div class="arrow-border">
			<div class="arrow-inner"></div>
		</div>
	</div>
	<div class="main-container">
		<div class="container-fluid">
			<section>
				<div class="page-header">
					<h1>Settings <small>admin base settings</small></h1>
				</div>
				<div class="row-fluid">
					<div class="span6">
						<form class="form-horizontal" onsubmit="return false;">
							<fieldset>
								<legend>Form settings</legend>
								<div class="control-group">
									<label class="control-label" for="input01">Text input</label>
									<div class="controls">
										<input type="text" class="input-xlarge" id="input01">
										<p class="help-block">Supporting help text</p>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label">Stateful</label>
									<div class="controls">
										<button id="fat-btn" data-loading-text="loading..." class="btn btn-primary">
					                    Loading State
					                  	</button>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label">Single toggle</label>
									<div class="controls">
										<button class="btn btn-primary" data-toggle="button">Single Toggle</button>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label">Checkbox</label>
									<div class="controls">
										<div class="btn-group" data-toggle="buttons-checkbox">
											<button class="btn btn-primary">Left</button>
											<button class="btn btn-primary">Middle</button>
											<button class="btn btn-primary">Right</button>
										</div>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label">Radio</label>
									<div class="controls">
										<div class="btn-group" data-toggle="buttons-radio">
											<button class="btn">Left</button>
											<button class="btn">Middle</button>
											<button class="btn">Right</button>
										</div>
									</div>
								</div>

								<div class="control-group">
						            <label class="control-label" for="optionsCheckbox">Checkbox</label>
						            <div class="controls">
						              <label class="checkbox">
						                <input type="checkbox" id="optionsCheckbox" value="option1">
						                Option one is this and that鈥攂e sure to include why it's great
						              </label>
						            </div>
						        </div>

						        <div class="control-group">
						            <label class="control-label" for="select01">Select list</label>
						            <div class="controls">
						              <select id="select01">
						                <option>something</option>
						                <option>2</option>
						                <option>3</option>
						                <option>4</option>
						                <option>5</option>
						              </select>
						            </div>
					          	</div>

					          	<div class="form-actions">
						            <button type="submit" class="btn btn-primary">Save changes</button>
						            <button class="btn">Cancel</button>
					          	</div>
							</fieldset>
						</form>
					</div>
					
					<div class="span6">
						<form class="form-horizontal">
							<fieldset>
								<legend>Button collections</legend>
							</fieldset>
						</form>

						<div class="btn-toolbar" style="margin-top: 18px;">
					        <div class="btn-group">
					          <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
					          <ul class="dropdown-menu">
					            <li><a href="#">Action</a></li>
					            <li><a href="#">Another action</a></li>
					            <li><a href="#">Something else here</a></li>
					            <li class="divider"></li>
					            <li><a href="#">Separated link</a></li>
					          </ul>
					        </div><!-- /btn-group -->
					        <div class="btn-group">
					          <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
					          <ul class="dropdown-menu">
					            <li><a href="#">Action</a></li>
					            <li><a href="#">Another action</a></li>
					            <li><a href="#">Something else here</a></li>
					            <li class="divider"></li>
					            <li><a href="#">Separated link</a></li>
					          </ul>
					        </div><!-- /btn-group -->
					        <div class="btn-group">
					          <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown">Danger <span class="caret"></span></button>
					          <ul class="dropdown-menu">
					            <li><a href="#">Action</a></li>
					            <li><a href="#">Another action</a></li>
					            <li><a href="#">Something else here</a></li>
					            <li class="divider"></li>
					            <li><a href="#">Separated link</a></li>
					          </ul>
					        </div><!-- /btn-group -->
				      	</div>

				      	<div class="btn-toolbar">
					        <div class="btn-group">
					          <button class="btn btn-warning dropdown-toggle" data-toggle="dropdown">Warning <span class="caret"></span></button>
					          <ul class="dropdown-menu">
					            <li><a href="#">Action</a></li>
					            <li><a href="#">Another action</a></li>
					            <li><a href="#">Something else here</a></li>
					            <li class="divider"></li>
					            <li><a href="#">Separated link</a></li>
					          </ul>
					        </div><!-- /btn-group -->
					        <div class="btn-group">
					          <button class="btn btn-success dropdown-toggle" data-toggle="dropdown">Success <span class="caret"></span></button>
					          <ul class="dropdown-menu">
					            <li><a href="#">Action</a></li>
					            <li><a href="#">Another action</a></li>
					            <li><a href="#">Something else here</a></li>
					            <li class="divider"></li>
					            <li><a href="#">Separated link</a></li>
					          </ul>
					        </div><!-- /btn-group -->
					        <div class="btn-group">
					          <button class="btn btn-info dropdown-toggle" data-toggle="dropdown">Info <span class="caret"></span></button>
					          <ul class="dropdown-menu">
					            <li><a href="#">Action</a></li>
					            <li><a href="#">Another action</a></li>
					            <li><a href="#">Something else here</a></li>
					            <li class="divider"></li>
					            <li><a href="#">Separated link</a></li>
					          </ul>
					        </div><!-- /btn-group -->
					        <div class="btn-group">
					          <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown">Inverse <span class="caret"></span></button>
					          <ul class="dropdown-menu">
					            <li><a href="#">Action</a></li>
					            <li><a href="#">Another action</a></li>
					            <li><a href="#">Something else here</a></li>
					            <li class="divider"></li>
					            <li><a href="#">Separated link</a></li>
					          </ul>
					        </div><!-- /btn-group -->
			      		</div>
				      	<table class="table">
							<thead>
								<tr>
									<th>Button</th>
									<th>Class</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>
										<button class="btn">Action</button>
									</td>
									<td><code>.btn</code></td>
								</tr>
								<tr>
									<td>
										<button class="btn btn-primary">Action</button>
									</td>
									<td><code>.btn-primary</code></td>
								</tr>
								<tr>
									<td>
										<button class="btn btn-danger">Action</button>
									</td>
									<td><code>.btn-danger</code></td>
								</tr>
								<tr>
									<td>
										<button class="btn btn-info">Action</button>
									</td>
									<td><code>.btn-info</code></td>
								</tr>

								<tr>
									<td>
										<button class="btn btn-warning">Action</button>
									</td>
									<td><code>.btn-warning</code></td>
								</tr>

								<tr>
									<td>
										<button class="btn btn-success">Action</button>
									</td>
									<td><code>.btn-success</code></td>
								</tr>

								<tr>
									<td>
										<button class="btn btn-inverse">Action</button>
									</td>
									<td><code>.btn-inverse</code></td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="row-fluid">
					
				</div>
			</section>
		</div>
	</div>
</body>
</html>